// This file is part of Indico.
// Copyright (C) 2002 - 2025 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details.

@use 'base' as *;

#event-note-section {
  @include border-bottom($gray);
  background: white;
  padding: 10px 50px;
}

.timetable-title {
  @include font-family-title();
  color: $black;

  &.top-level {
    font-size: 1.2em;
  }
}

.note-visibility-toggle input[type='checkbox'] {
  &:not(:checked) + label,
  &:not(:checked) + label:hover {
    background: transparent;
  }

  &:checked + label {
    &:hover {
      background: $postit-yellow !important;
      color: $black !important;
    }

    background: $postit-yellow !important;
    color: $light-black !important;
  }
}

li > table + .note-area-wrapper {
  margin-top: 0.9em;
}

.padded-box-content {
  .note-actions {
    float: right;

    a {
      @include transition(opacity);
      color: darken($pastel-blue, $color-variation);

      &:hover {
        color: $blue;
      }
    }
  }

  .note-text {
    h2,
    h1 {
      color: $black;
    }

    li p {
      margin-bottom: 0;
    }

    ul {
      margin-bottom: 0.8em;
    }

    img {
      max-width: 100%;
    }

    > :first-child {
      margin-top: 0;
    }

    > :last-child {
      margin-bottom: 0;
    }
  }

  .no-note-text {
    color: $dark-gray;
    font-style: italic;
    font-size: 1.1em;
  }

  .note-metadata {
    float: right;
    clear: both;
    opacity: 0.6;
    margin-top: 0.5em;
    font-size: 0.9em;

    .modification-date {
      color: $dark-gray;
    }

    .name {
      color: $dark-gray;
      margin-left: 0.4em;
    }
  }
}

.participant-list-wrapper {
  position: relative;

  &.collapsible {
    &.transparent-overlay {
      cursor: pointer;
    }

    &.collapsed {
      max-height: 4.3em;
      overflow: hidden;
    }

    &:hover {
      & > .trigger {
        color: $light-black;
      }
    }

    & > .trigger {
      display: inline-block;
      position: absolute;
      cursor: pointer;
      right: 0.6em;
      top: 0;
      color: $dark-gray;
      user-select: none;
    }

    & > ul.participant-list {
      width: 95%; // To avoid overlap with expansion arrow
    }
  }

  .trigger {
    display: none;
  }

  ul.participant-list {
    @include font-family-title();

    padding: 0;
    margin: 0 0 0 -0.2em;
    list-style-type: none;
  }
}

.ui.image.label.meeting-participant {
  @include font-family-modern-body();
  font-weight: normal;
  font-size: 0.95em;

  display: inline-block;
  margin-bottom: 4px;
  margin-left: 0.2em;

  &.checked-in {
    background: lighten($pastel-green, 30%);
    color: darken($pastel-green, 20%);
  }
}

.session-block-form {
  width: 840px !important;
}
